<?php
include_once $_SERVER["DOCUMENT_ROOT"] . '/include/common.inc.php';
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
	<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $charset ?>" /> 
	<?php
		echo $commonCss;
		echo $commonJs;
		echo getPlug(array('uploadify'));
	?>
	<title>文档上传</title> 
	</head> 
	<body>
		<h1>Uploadify Demo</h1>
		<input type="file" name="imageToUpload" id="imageToUpload" />
		<p>
			<a href="javascript:$('#imageToUpload').uploadify('cancel','*')">重置上传队列</a>
		</p>
		<script type="text/javascript">
			var img_id_upload=new Array();//初始化数组，存储已经上传的图片名
			var i=0;//初始化数组下标
			<?php $timestamp = time();?>
			$(function() {
			    $('#imageToUpload').uploadify({
			    	'formData'     : {
						'timestamp' : '<?php echo $timestamp;?>',
						'token'     : '<?php echo md5('unique_salt' . $timestamp);?>',
						'folder'	:	 'userAvatar',
						'album'		: 'default'
					},
			    	'removeCompleted':true, //不设置就会显示列队
			    	'auto'     : true,//关闭自动上传
			    	'removeTimeout' : 1,//文件队列上传完成1秒后删除
			        'swf'      : '/plug/uploadify/uploadify.swf',
			        'uploader' : '/webyufei/common/module/uploadify.php',
			        'method'   : 'post',//方法，服务端可以用$_POST数组获取数据
					'buttonText' : '选择图片',//设置按钮文本
			        'multi'    : true,//允许同时上传多张图片
			        'uploadLimit' : 10,//一次最多只允许上传10张图片
			        'fileTypeDesc' : 'Image Files',//只允许上传图像
			        'fileTypeExts' : '*.gif; *.jpg; *.png',//限制允许上传的图片后缀
			        'fileSizeLimit' : '512KB',//限制上传的图片不得超过200KB 
			        'onInit': function () {                        //载入时触发，将flash设置到最小
	               		$("#imageToUpload-queue").hide();
	                },
			        'onUploadSuccess' : function(file, data, response) {//每次成功上传后执行的回调函数，从服务端返回数据到前端
			               img_id_upload[i]=data;
			               i++;
						   alert(data);
			        },
			        'onSelect':function(){
				    },
			        'onQueueComplete' : function(queueData) {//上传队列全部完成后执行的回调函数
			           // if(img_id_upload.length>0)
			           // alert('成功上传的文件有：'+encodeURIComponent(img_id_upload));
			        }  
			        // Put your options here
			    });
			});
		</script>
	</body> 
</html> 